Page({
    onShareAppMessage:function(){
        return {
            title:'动画',
            path:'package/API/pages/animation/animation',
            containerStyle1:''
        };
    },
    data:{
        canIUse:true
    },
    onLoad:function(){
        const canIUse = this.animate !== undefined;
        if(!canIUse){
            wx.showModal({
                title:'微信版本过低，暂不支持本功能'
            });
            this.setData({
                canIUse:canIUse
            });
        }
    },
    change:function(){
        this.animate('#container1',[
            {
                opacity:1.0,
                rotate:0,
                backgroundColor:'#FF0000'
            },
            {
                opacity:0.5,
                rotate:45,
                backgroundColor:'#00FF00',
                offset:0.9
            },
            {
                opacity:0.0,
                rotate:90,
                backgroundColor:'#FF0000'
            }
        ],5000,function(){
    this.clearAnimation('#container1',{
        opacity:true,
        rotate:true
    },function(){
        console.log("清除了#container上的动画属性");
    });
}.bind(this));
        this.animate('.block1',[
            {
                scale:[
                    1,
                    1
                ],
                rotate:0,
                ease:'ease-out'
            },
            {
                scale:[
                    1.5,
                    1.5
                ],
                rotate:45,
                ease:'ease-in',
                offset:0.9
            },
            {
                scale:[
                    2,
                    2
                ],
                rotate:90
            }
        ],5000,function(){
    this.clearAnimation('.block1',{
        scale:true,
        rotate:true
    },function(){
        console.log("清除了.block1上的动画属性");
    });
}.bind(this));
    }
});
